<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../js/jquery-3.1.1.js"></script>  
  <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <style>
h3{
margin-bottom: 50px;
}
input,select{
  width: 150px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #A6A6A6;
}
button{
  margin: 10px 20px;
}
span{
  text-align: center;
  height: 26px;
  line-height: 26px;
}
#quxiao{
  color: #6554C0;
  background-color: white;
  border: 1px solid #6554C0;
  border-radius: 6px;
  height: 30px;
  width:80px;
}
#baocun{
  background-color:#6554C0;
  color:white;
  border-radius: 6px;
  border: none;
  height: 30px;
  width: 80px;
}
  </style>
</head>
<body>
  <h3 class="container">添加人员</h3>
  <div class="container">
  <div class="container-fluid">
    <span class="col-md-1 item col-md-offset-2">姓名</span><input class="col-md-2 item" type="text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入人员姓名'" placeholder='请输入人员姓名'id="input_1">
  </div>
  <div class="container-fluid">
    <span class="col-md-1 item col-md-offset-2">部门</span> <select name="" id="bumen" class="col-md-2 item">
      <option value="维修一部">维修一部</option>
      <option value="维修二部">维修二部</option>
</select>
  </div>
  <div class="container-fluid">
    <span class="col-md-1 item col-md-offset-2">工种</span> <select name=""  id="gongzhong" class="col-md-2 item">
      <option value="电工">电工</option>
      <option value="机修">机修</option>
  </select>
  </div>
  <div class="container-fluid">
    <span class="col-md-1 item col-md-offset-2">工种等级</span> <select name="" id="dengji" class="col-md-2 item">
      <option value="一级">一级</option>
      <option value="二级">二级</option>
</select>
  </div>
</div>
<div class="container">
  <button id="quxiao" class="col-md-1 item col-md-offset-3">取消</button>
  <button id="baocun" class="col-md-1 item "">保存</button>
</div>



  <script src="../js/tianjiarenyuan.js"></script>
</body>
</html>